<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
      <h2 class="oe_slogan" style="color:#875A7B;">Open CashBox from Backend</h2>
      <h3 class="oe_slogan">New option to open cashbox from POS session form</h3>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
      <p class="oe_mt32">
	<div class="alert alert-warning" style="padding:0.3em 0.6em; font-size: 150%;">
	  Usually, Odoo allows to open cashbox (cashdrawer) from POS Payment screen only. In some cases it may be required to open cashbox when <em>Opening</em> or <em>Closing</em> control for a POS session. So the module gives the possibility to do that by using new button on POS session form.
	</div>
      </p>
    </div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h3 class="oe_slogan">How It Works</h3>
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	      Go to <em>Point of Sale &rarr; Configuration &rarr; Point of Sale</em> menu and open POS configuration form. Activate <b>Cashdrawer</b> and <b>Cash Control</b>. Be sure that cashdrawer is connected.
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_cashbox_config.png"/>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  <ul>
	    <li>
	      Go to <em>Point of Sale &rarr; Orders &rarr; Sessions</em> menu
	    </li>
	    <li>
	      Open POS session form
	    </li>
	    <li>
	      See new <b>Open CashBox</b> button
	    </li>
	  </ul>
	  NOTE: the button is available in <b><em>Opening Control</em></b> and <b><em>Closing Control</em></b> status
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_cashbox_button.png"/>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  Once you click the button, cashbox is opened
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="cashbox.png"/>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span8">
      <h2>Need our service?</h2>
      <p class="oe_mt32">Contact us by <a href="mailto:it@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
      <ul>
        <li><a href="mailto:it@it-projects.info">it@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
        <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
      </ul>
    </div>
    <div class="oe_span4">
      <div class="stamp" style="width:200px;">
        <div style="margin-top: 15px;
                    position: relative;
                    font-family:'Vollkorn', serif;
                    font-size: 16px;
                    line-height: 25px;
                    text-transform: uppercase;
                    font-weight: bold;
                    color: #75526b;
                    border: 3px dashed #75526b;
                    float: left;
                    padding: 4px 12px;
                    -webkit-transform: rotate(-6deg);
                    -o-transform: rotate(-6deg);
                    -moz-transform: rotate(-6deg);
                    -ms-transform: rotate(-6deg);">
          Tested on Odoo<br/>10.0 community
        </div>
        <div style="margin-top: 15px;
                    position: relative;
                    font-family:'Vollkorn', serif;
                    font-size: 16px;
                    line-height: 25px;
                    text-transform: uppercase;
                    font-weight: bold;
                    color: #75526b;
                    border: 3px dashed #75526b;
                    float: left;
                    padding: 4px 12px;
                    -webkit-transform: rotate(-7deg);
                    -o-transform: rotate(-7deg);
                    -moz-transform: rotate(-7deg);
                    -ms-transform: rotate(-7deg);">
          Tested on Odoo<br/>10.0 enterprise
        </div>
      </div>
    </div>
  </div>
</section>
